<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="referrer" content="never">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>漫画</title>
    <!-- <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.css"> -->
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <nav>
        <div class="container">
            <div class="nav-box">
                <ul class="first">
                    <div>题材</div>
                    <li data-style='-1' class="active">全部</li>
                    <li data-style='999'>热血</li>
                    <li data-style='997'>古风</li>
                    <li data-style='1016'>玄幻</li>
                    <li data-style='998'>奇幻</li>
                    <li data-style='1023'>悬疑</li>
                    <li data-style='1002'>都市</li>
                    <li data-style='1096'>历史</li>
                    <li data-style='1092'>武侠仙侠</li>
                    <li data-style='1088'>游戏竞技</li>
                    <li data-style='1081'>悬疑灵异</li>
                    <li data-style='1063'>架空</li>
                    <li data-style='1060'>青春</li>
                    <li data-style='1054'>西幻</li>
                    <li data-style='1048'>现代</li>
                    <li data-style='1028'>正能量</li>
                    <li data-style='1015'>科幻</li>
                </ul>
                <ul class="second">
                    <div>地区</div>
                    <li data-style='-1' class="active">全部</li>
                    <li data-style='1'>大陆</li>
                    <li data-style='2'>日本</li>
                    <li data-style='6'>韩国</li>
                    <li data-style='5'>其他</li>
                </ul>

                <ul class="third">
                    <div>进度</div>
                    <li data-style='-1' class="active">全部</li>
                    <li data-style='0'>连载</li>
                    <li data-style='1'>完结</li>
                </ul>
                <ul class="four">
                    <div>收费</div>
                    <li data-style='-1' class="active">全部</li>
                    <li data-style='1'>免费</li>
                    <li data-style='2'>付费</li>
                    <li data-style='3'>等就免费</li>
                </ul>
                <ul class="five">
                    <div>排序</div>
                    <li data-style='0' class="active">人气推荐</li>
                    <li data-style='1'>更新时间</li>
                    <li data-style='2'>追漫人数</li>
                    <li data-style='3'>上架时间</li>
                </ul>
            </div>
            <div class="loading" style="display:none">正在加载...</div>
            <section>

            </section>
        </div>
        </div>
    </nav>


    <script src="./libs/jquery/jquery-3.6.0.min.js"></script>
    <script src="./index.js"> </script>
</body>

</html>